<!-- 普通模式演示(vue) -->
<template>
	<view class="content">
		<view class="box-heard" v-if="istoken">
			<view class="">
				<image :src="userInfo.avatar" mode="widthFix" style="width: 156rpx;height: 156rpx;border-radius: 50%;"></image>
			</view>
			<view class="c-fff fs-32" style="margin-top: 18rpx;">{{userInfo.nickname||''}}</view>
		</view>
		<view class="box-heard" v-else>
			<view class="" @click="goto('/pages/login/login')">
				<image src="https://dummyimage.com/156x156/ffffff/999" mode="widthFix" style="width: 156rpx;height: 156rpx;border-radius: 50%;"></image>
			</view>
			<view class="c-fff fs-32" style="margin-top: 18rpx;">点击登录</view>
		</view>
		<view class="box-centent" style="margin-top:18rpx ;">
			<tui-list-view >
				<tui-list-cell>我的报名</tui-list-cell>
				<tui-list-cell>个人资料</tui-list-cell>
				<tui-list-cell>修改密码</tui-list-cell>
			</tui-list-view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		computed: {
			istoken() {
				return false
			},
			userInfo() {
				return {}
			},
			navbarHeight() {
				let navbarHeight = 44
				// #ifdef MP-WEIXIN
				let statusBarHeight = uni.getSystemInfoSync()['statusBarHeight'] || 0
				let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
				navbarHeight = menuButtonInfo.bottom + 4 + (menuButtonInfo.top - statusBarHeight)
				// #endif
				return navbarHeight + 'px'
			}
		},
		onLoad() {
			 uni.setNavigationBarColor({
			      backgroundColor: 'rgb(47, 145, 93)',
			    })
		},
		methods: {

		}
	}
</script>

<style>
	page {
		background: #f5f5f5;
	}
</style>
<style lang="scss" scoped>
	.c-999 {
		color: #999999;
	}
	.c-222 {
		color: #222222;
	}
	.wordtr1 {
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
	}
	.fs-24 {
		font-size: 24rpx;
	}
	.fs-28 {
		font-size: 28rpx;
	}
	.fs-36 {
		font-size: 36rpx;
	}
	.fs-32 {
		font-size: 32rpx;
	}
	.b-line {
		position: relative;
	}
	.b-line::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1rpx;
		background-color: #DBDBDB;
		transform: scaleY(0.5);
		transform-origin: top left;
	}
	.content {
		// 头部文字
		.box-heard {
			color: #fff;
			height: 272rpx;
			background-color: #2F915D;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}
		.box-centent {
			background-color: #fff;
			:deep .u-cell__body {
				padding-top: 18px !important;
				padding-bottom: 18px !important;
			}
		}
	}
</style>